/**
* 功能描述: 基础checkbox样式Demo
* @author 赵常畅
* @date 2022/9/22 14:05
* @version 1.0
*/
<template>
  <label class="yw-checkbox-wrapper">
    <span class="yw-checkbox"><input type="checkbox" class="yw-checkbox-input">
      <span class="yw-checkbox-inner"></span>
    </span>
  </label>
  <label class="yw-checkbox-wrapper yw-checkbox-wrapper-checked">
    <span class="yw-checkbox">
      <input type="checkbox" class="yw-checkbox-input">
      <span class="yw-checkbox-inner"></span>
    </span>
  </label>
  <label class="yw-checkbox-wrapper yw-checkbox-wrapper-disabled">
    <span class="yw-checkbox">
      <input type="checkbox" disabled="" class="yw-checkbox-input">
      <span class="yw-checkbox-inner"></span>
    </span>
  </label>
  <label class="yw-checkbox-wrapper yw-checkbox-wrapper-checked yw-checkbox-wrapper-disabled">
    <span class="yw-checkbox">
      <input type="checkbox" disabled="" class="yw-checkbox-input">
      <span class="yw-checkbox-inner"></span>
    </span>
  </label>
</template>

<script>
export default {
  name: "index"
}
</script>

<style scoped>
.yw-checkbox-wrapper {
  margin: 10px;
}
</style>
